<html>
<head>
    <style type="text/css">
        h1{text-align: center; background-color: #ff0001;color: white;}
    </style>
</head>

<h1>一、第1章</h1>  <hr />

<h2>1.1 超链接跳转方式</h2>
<!-- target中 _blank属性 使得超链接跳转到 新的标签页 -->
<p>这个标签跳转到新的页面--> 
    <a href="https://www.baidu.com" target="_blank">baidu</a> 
</p> 
<p>这个标签跳在当前页面更新--><a href="https://www.baidu.com">baidu</a> </p> 


<h2>1.2 图片超链接</h2>

<p> 这个图片为超链接：
    <a href="https://images5.alphacoders.com/987/987525.jpg" target="_blank" >
        <img src="https://images5.alphacoders.com/987/987525.jpg" 
        width="383" height="215" align="top"/>
    </a>
</p>

<h2>1.3 表格</h2>

<!-- 简单表格 -->
<p>简单表格：</p>
<table border="1">
    <tr>
    <!-- 表头 -->
    <th>Heading</th>
    <th>Another Heading</th>
    </tr>
    <!-- 单元格 -->
    <tr>
    <td>row 1, cell 1</td>
    <td>row 1, cell 2</td>
    </tr>
    <tr>
    <!-- 空单元格 -->
    <td></td>
    <td>row 2, cell 2</td>
    </tr>
</table>
<br>


<!-- 单元格内容与边框间距 -->
<p>单元格内容与边框间距cellpadding = 10：</p>
<table border="1" cellpadding="10">
    <tr>
        <th>------单位------</th>
        <th>------价格------</th>
    </tr>
    <tr>
        <td>1 kg</td>
        <td>10 $</td>
    </tr>
    <tr>
        <td>2 kg</td>
        <td>20 $</td>
    </tr>
</table>
<br />


<!-- 单元格间距 -->
<p>单元格间距cellspacing = 10：</p>
<table border="1" cellspacing="10">
    <tr>
        <th>单位</th>
        <th>价格</th>
    </tr>
    <tr>
        <td>1 kg</td>
        <td>10 $</td>
    </tr>
    <tr>
        <td>2 kg</td>
        <td>20 $</td>
    </tr>
</table>
<br />

<!-- 单元格背景颜色 -->
<p>单元格背景颜色：</p>
<table border="1" bgcolor=#ff1001>
    <tr>
        <td>A</td>
        <td>B</td>
    </tr>
    <tr>
        <td bgcolor="green">C</td>
        <td bgcolor="white">D</td>
    </tr>
</table>
<br/ >

<!-- 单元格对齐方式 -->
<P>单元格对齐方式：</P>
<table border="1">
    <tr>
        <th>------单位------</th>
        <th>------价格------</th>
    </tr>
    <tr>
        <td align="left">9527 kg</td>
        <td align="right">95.27 $</td>
    </tr>
    <tr>
        <td align="left">1997 kg</td>
        <td align="right">19.97 $</td>
    </tr>
</table>
<br />

</body>
</html>
<!--Welcome!-->